﻿.x-tree ul,
.x-tree li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.x-tree-body {}
    .x-tree-body * { font-size: 12px; color: #000; text-decoration: none; }
    .x-tree-body img { vertical-align: middle; }
.x-tree-node-el { height: 18px; line-height: 18px; }

.x-tree-icon,
.x-tree-ec-icon,
.x-tree-node-cb,
.x-tree-icon-line,
.x-tree-icon,
.x-tree-icon-end,
.x-tree-icon-plus,
.x-tree-icon-minus,
.x-tree-icon-end-plus,
.x-tree-icon-end-minus,
.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon {
    height: 18px;
    width: 16px;
    margin: 0;
    padding: 0;
    border: 0 none;
    vertical-align: top;
    background-repeat: no-repeat;
}

.x-tree-node-cb { height: 16px; }
.x-tree-node-loading .x-tree-node-icon{  background-image:url(images/tree/loading.gif) !important; }
.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon { background-position: center; }

.x-tree-node-expanded .x-tree-node-icon { background-image: url(images/tree/folder-open.gif); }
.x-tree-node-leaf .x-tree-node-icon { background-image: url(images/tree/leaf.gif); }
.x-tree-node-collapsed .x-tree-node-icon { background-image: url(images/tree/folder.gif); }

.x-tree-arrows .x-tree-icon,
.x-tree-arrows .x-tree-icon-end,
.x-tree-arrows .x-tree-icon-line,

.x-tree-node { white-space: nowrap }
    .x-tree-node a span {
        text-decoration: none;
        padding: 1px 3px 1px 2px;
    }
    
    .x-tree-node .x-tree-node-inline-icon { background-image: none; }
    .x-tree-node .x-tree-node-over { background-color: #f1f1f1; }
    .x-tree-node .x-tree-clicked { background-color: #d9e8fb; }
    
    .x-tree-node .x-tree-selected span,
    .x-tree-node .x-tree-clicked span { color: #777; font-style: italic; font-weight: bold; }
    
.x-tree-arrows {}
    .x-tree-arrows .x-tree-icon-plus,
    .x-tree-arrows .x-tree-icon-minus,
    .x-tree-arrows .x-tree-icon-end-plus,
    .x-tree-arrows .x-tree-icon-end-minus { cursor: pointer; background-image: url(images/tree/arrows.gif) !important; }
    
    .x-tree-arrows .x-tree-icon-plus,
    .x-tree-arrows .x-tree-icon-end-plus { background: transparent no-repeat 0 0; }
    
    .x-tree-arrows .x-tree-icon-minus,
    .x-tree-arrows .x-tree-icon-end-minus { background: transparent no-repeat -16px 0; }

.x-tree-lines {}
    .x-tree-lines .x-tree-icon-plus { cursor: pointer; background-image: url(images/tree/icon-plus.gif); }
    .x-tree-lines .x-tree-icon-minus { cursor: pointer; background-image: url(images/tree/icon-minus.gif); }
    .x-tree-lines .x-tree-icon-end { background-image: url(images/tree/icon-end.gif); }
    .x-tree-lines .x-tree-icon-end-plus { cursor: pointer; background-image: url(images/tree/icon-end-plus.gif);}
    .x-tree-lines .x-tree-icon-end-minus { cursor: pointer; background-image: url(images/tree/icon-end-minus.gif); }
    .x-tree-lines .x-tree-icon-line { background-image: url(images/tree/icon-line.gif); }
    .x-tree-lines .x-tree-icon  { background-image: url(images/tree/icon.gif); }